<? session_start(); ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aldeas Infantiles | Administrar Ubicaci&oacute;n</title>
    <?php
      include('includes/header.php');
    ?>
    <script src="js/housing-admin.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      var elements = $('#menu-nav').find('li');
      $(elements[3]).addClass('active');
    });
    </script>
  </head>

<body>
  <div id="wrapper">
    <div id="page-wrapper"  class="container">
        <?php
          include('includes/nav.php');
        ?>

        <form class="form-horizontal" role="form" id="form-edit-housing">
          <h4>Editar Ubicaci&oacute;n <span class="glyphicon glyphicon-home"></span></h4>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-housing-search" class="col-sm-2 control-label">Buscar:</label>
            </div>
            <div class="col-xs-4">
              <a href="#"><span class="glyphicon glyphicon-search"></span> Buscar</a>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-housing-country" class="col-sm-2 control-label">Pa&iacute;s:</label>
            </div>
            <div class="col-xs-4">
              <select class="form-control" id="add-housing-country" title="Seleccione el pa&iacute;s de la ubicaci&oacute;n">
                <option>Costa Rica</option>
              </select>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-housing-dorp" class="col-sm-2 control-label">Programa:</label>
            </div>
            <div class="col-xs-4">
              <select class="form-control" id="add-housing-dorp" title="Seleccione el programa de la ubicaci&oacute;n">
                <option>Programa 1</option>
              </select>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-housing-number" class="col-sm-2 control-label">N&uacute;mero:</label>
            </div>
            <div class="col-xs-4">
              <input type="text" class="form-control" id="add-housing-number" placeholder="N&uacute;mero" title="Escriba el n&uacute;mero de ubicaci&oacute;n" required>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="add-housing-detail" class="col-sm-2 control-label">Detalles:</label>
            </div>
            <div class="col-xs-4">
              <textarea rows="2" cols="30" id="add-housing-detail" title="Escriba un detalle de la ubicaci&oacute;n">
              </textarea>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
            </div>
            <div class="col-xs-4">
              <button type="reset" class="btn btn-default" title="Cancelar cambios">Cancelar</button>
              <button type="submit" class="btn btn-primary" title="Guardar cambios">Guardar</button>
            </div>
          </div>
        </form>
        <?php
          include('includes/footer.php');
        ?>
    </div>

  </div>
</body>
</html>